.triangle {
    background-color: white;
    padding: 10px;
    box-sizing: border-box;
    position: relative;
}

.triangle::before {
    content: '';
    position: absolute;
    top: -10px;
    /* 将伪元素定位到父元素顶部 */
    left: 10px;
    /* 将伪元素稍微向左偏移一些距离 */
    /* 将伪元素旋转45度 */
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    /* 上边宽度为0，左右下边宽度均为10px */
    border-color: transparent transparent white transparent;
    /* 边框颜色控制三角形颜色 */
}